<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>001</li>
        <li>002</li>
        <li>003</li>
    </ul>
    <script>
        /**
         * 
         * 
         * map方法：
         * - size(map属性) 统计set长度
         *      - set() 增添键值
         *      - delete() 删除指定元素
         *      - clear() 清除（删除所有元素）
         *      - keys()
         *      - values() keys 是 values 的一个别名,两者取到的值是一样的
         * 
          */
        // 1.创建一个map
        

        // 5.通过 键名获取 键值 get : set 数据结构里没有这个方法
        // let map2 = new Map([["name","张三"],["age",20],["height","178cm"]]);
        // console.log(map2.get('height'));

        // 6.keys 和values；
        let map = new Map([["name","张三"],["age",20],["height","178cm"]]);
        let keys =  map.keys();
        console.log(keys);
        let values = map.values();
        console.log(values);

        /**
         * set() 设置键名和键值
         * 
         * 
         * 
          */
        
        // let lis = document.querySelectorAll('li');
        // let map = new Map();
        // map.set(lis[0],'red');
        // map.set(lis[1],'blue');
        // map.set(lis[2],'green');

        // map.forEach((item, key) => {
        //     key.style.color = item;
        // })
    </script>
</body>
</html>